<template>
	<view class="fansList">
		<view class="wap">
			<view class="fansList_r">
				<image src=""></image>
			</view>
			
			<view class="fansList_l">
				<view class="fansList_l_l">
					<view class="title">阿甘的威士忌森林</view>
					<view class="signature">个性签名名名名名名名名名名名名名…</view>
				</view>
				<text class="fansList_l_r">关注</text>
			</view>
		</view>
		
		
		<view class="wap">
			<view class="fansList_r">
				<image src=""></image>
			</view>
			
			<view class="fansList_l">
				<view class="fansList_l_l">
					<view class="title">阿甘的威士忌森林</view>
					<view class="signature">个性签名名名名名名名名名名名名名…</view>
				</view>
				<text class="fansList_l_r">已关注</text>
			</view>
		</view>
		
		
		
		
		<view class="wap">
			<view class="fansList_r">
				<image src=""></image>
			</view>
			
			<view class="fansList_l">
				<view class="fansList_l_l">
					<view class="title">阿甘的威士忌森林</view>
					<view class="signature">个性签名名名名名名名名名名名名名…</view>
				</view>
				<text class="fansList_l_r">相互关注</text>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	
.fansList{
	padding: 32rpx;
	border-top: 1rpx  solid rgba(0,0,0,0.1);
	.wap{
		display:flex;
		margin-bottom: 66rpx;
		.fansList_r{
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
			border: 1rpx solid #000;
			margin-right: 16rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
		.fansList_l{
			width: calc(100% - 80rpx);
			.fansList_l_l{
				font-size: 24rpx;
				font-weight: 300;
				color: #999999;
				float: left;
				.title{
					font-size: 40rpx;
					font-weight: 400;
					color: #000000;
					margin-bottom: 6rpx;
					width: 410rpx;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
				.signature{
					width: 410rpx;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
			}
			.fansList_l_r{
				float: right;
				font-size: 28rpx;	
				font-weight: 600;
				color: #000000;
				background: #FEDD12;
				border-radius: 16rpx;
				line-height: 64rpx;
				width: 164rpx;
				text-align: center;
			}
		}
	}
}
</style>
